<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>网络收藏夹|回收站</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/recycle.css">
</head>
<body>
<div class="tab">
    <ul class="tab-title">
        <li class="title-item active">我的收藏</li>
        <li class="title-item">我的分享</li>
        <li class="title-item">回收站</li>
    </ul>
    <div class="tab-content">
        <div class="content-item active layui-anim layui-anim-fadein">
            <div class="table-search layui-form">
                搜索：
                <div class="layui-input-inline">
                    <input type="text" name="name" id="name" required lay-verify="required" placeholder="请输入名称"
                           autocomplete="off"
                           class="layui-input">
                </div>
                分类：
                <div class="layui-input-inline">
                    <input type="text" name="form" id="from" required lay-verify="required" placeholder="请输入分类"
                           autocomplete="off"
                           class="layui-input">
                </div>
                <div class="layui-input-inline">
                    <button type="button" class="layui-btn layui-btn-sm" id="searchBtn">查询</button>
                    <button type="button" class="layui-btn layui-btn-sm" id="moveBtn">移动书签</button>
                    <div class="moveDiv" id="moveDiv">
                        移动至：
                        <div class="layui-input-inline" style="margin-right: 0px;">
                            <input type="text" name="to" id="to" required lay-verify="required" placeholder="请输入分类"
                                   autocomplete="off"
                                   class="layui-input">
                        </div>
                        <i id="addCategoryIconMove" class="layui-icon layui-icon-add-circle" lay-title="添加分类"></i>
                        <div class="layui-input-inline">
                            <button type="button" class="layui-btn layui-btn-sm" id="save">保存</button>
                            <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" id="cancel">取消</button>
                        </div>
                    </div>
                </div>
                <div class="layui-input-inline">
                    <input type="checkbox" name="moveAll" id="moveAll" title="全部书签" lay-skin="primary">
                </div>
            </div>
            <!-- 数据表格 -->
            <table id="moveList" lay-filter="moveList"></table>
            <!-- 操作 -->
            <script type="text/html" id="moveOperates">
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>
        <div class="content-item layui-anim layui-anim-fadein">
            <div class="table-tool">
                <p class="table-tips">
                    <i class="layui-icon layui-icon-tips"></i>
                    <em>分享后的书签将在书签库展示</em>
                </p>
                <div class="layui-btn-container table-action">
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="cleanShare">清空分享
                    </button>
                </div>
            </div>
            <!-- 数据表格 -->
            <table id="shareList" lay-filter="shareList"></table>
            <!-- 操作 -->
            <script type="text/html" id="shareOperates">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="no-share">取消分享</a>
            </script>
        </div>
        <div class="content-item layui-anim layui-anim-fadein">
            <div class="table-tool">
                <p class="table-tips">
                    <i class="layui-icon layui-icon-tips"></i>
                    <em>回收站的内容仅保留30天，过期将自动清除</em>
                </p>
                <div class="layui-btn-container table-action">
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="recoverAll">一键恢复
                    </button>
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-danger" id="cleanRecycle">清空回收站
                    </button>
                </div>
            </div>
            <!-- 数据表格 -->
            <table id="favoritesList" lay-filter="favoritesList"></table>
            <!-- 操作 -->
            <script type="text/html" id="operates">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="recover">恢复</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>
    </div>
</div>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
<script src="layui/layui.js"></script>
<script src="js/recycle.js"></script>
</body>
</html>
